html, body{height:100%;}

body {
 margin-top:0px;
 margin-bottom:0px;
 padding:0;
 margin-left:5px;
 margin-right:5px;
 background:#CCC;
 font-family: Verdana, Arial, Helvetica, sans-serif;;
 font-size: 11px;
}

a {
 text-decoration:none;
 font-weight:bold;
 color:#000;
}

a:hover {
 text-decoration:underline;
}

a img {
 border:none;
}

h1 {
 color:#333;
 font-size:20px;
}

h1 a {
 color:#000;
 text-decoration:none;
}

h2 {
 font-size:13px;
 padding-top:0px;
 vertical-align:top;
}
h1,h2,h3 {
        margin: 0;
        padding: 0;
}

fieldset {
 border: none;
}

label {
 display:block;
 font-weight:bold;
 margin:.5em 0 0;
}

#spinner {
 float: right;
 margin: 10px;
}

.content h1 {
 margin-left:20px;
}

.photo img, .diafilm_thumb img, .album img {
  border: 5px solid #FFF;
}

.left_menu, .main_menu, .albums, .admin_menu {
 margin-top:0px;
 padding-top:0px;
 float:left;
 clear:left;
 width: 200px;
 vertical-align:top;
}

.albums ul, .admin_menu ul, .main_menu ul {
 margin:0;
 padding:0;
 clear:both;
}

.albums ul li, .admin_menu ul li, .main_menu ul li {
 margin:5px 5px 5px 0;
 background:#666;
 list-style-type:none;
 width:200px;
}

.main_menu img {
 vertical-align:middle;
}

.albums a, .admin_menu a, .image_destroy a, .main_menu a {
 color:#FFF;
 padding:5px;
 text-decoration:none;
 display:block;
}

.albums a:hover, .admin_menu a:hover, .main_menu a:hover {
 background-color:#000;
}

.album-active {
 background:#000 !important;
}

#image_destroy a:hover {
 background-color: #900;
}

.image_destroy_active {
 background:#900 !important;
}

#commands {
 margin-left:0px;
}

#commands a {
  color:#000;
 display:inline;
}

#commands a.desctructive:hover {
  background-color:#900;
}

.albums a:hover {
 color:#fff;
}

#login_link {
  padding-top:2em;
}

#login_link a {
  display:inline;
}

#login_link a:hover {
  color:#000;
}

#lightbox{
 background-color:#eee;
 padding: 10px;
 border-bottom: 2px solid #666;
 border-right: 2px solid #666;
 }
#lightboxDetails{
 font-size: 0.8em;
 padding-top: 0.4em;
 }
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }

#overlay{ background-image: url(./images/overlay.png);}
* html #overlay{
 background-color: #333;
 background-color: transparent;
 background-image: url(./images/blank.gif);
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/stylesheets/default/images/overlay.png", sizingMethod="scale");
 }


#login {
 position:absolute;
 top:50%;
 left:50%;
 margin: -100px -100px;
 background: #AAA;
 padding:20px;
 border:5px solid #333;
}

#signup_link {
 text-align:right;
}


.outer{
 background: #CCC;
 height:  auto  !important;
 height:  100%;
 min-height:100%;
 margin-bottom:-40px;
 }

* html .outer{height:100%}

.footer {
 width:100%;
 height:20px;
 position:relative;
 text-align:center;
}


#login_link a {
 color:#333;
}

#login_link a:hover {
 background:none;
}

.fieldWithErrors  {
  border-left:6px solid #900;
  padding-left:2px;
}


.fieldWithErrors+label {
  margin-top:0;
}


#errorExplanation {
 text-align:center;
   background:#FCC;
}

#errorExplanation h2 {
  text-align: center;
  font-weight: bold;
  padding: .25em .25em .25em .25em;
  font-size: 12px;
  background:#C66 url(../images/alert.gif) no-repeat 10px 50%;
  color: #fff;
  border-top:3px solid #900;
  border-bottom:3px solid #900;
  margin-top:0;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  font-size:11px;
  font-weight:bold;
}

#errorExplanation ul {
 margin-left:30px;
 padding:0 0 20px;
}

#notice {
  padding:5px;
  color:#333;
  font-size:1.2em;
  background:#FFC;
  width:95%;
  border-top:2px solid #CC9;
  border-bottom: 2px solid #CC9;
}

div.auto_complete {
    width: 350px;
    background: #fff ;
}
div.auto_complete ul {
    border:1px solid #888 ;
    margin:0;
    padding:0;
    width:100%;
    list-style-type:none;
}
div.auto_complete ul li {
    margin:0;
    padding:3px;
}
div.auto_complete ul li.selected {
    background-color: #ffb ;
}
div.auto_complete ul strong.highlight {
    color: #800 ;
    margin:0;
    padding:0;
}

.album {
    width:120px;
	height:140px;
    float:left;
    text-align:center;
}
.album a {
    text-align:center;
}

.breadcrumb{
 font-size:14px;
 font-weight:bold;
 color: #666666;
 padding-bottom:10px;
}
.content{
	padding:0px 0px 0px 20px;
	vertical-align:top;
	margin-left:210px;
}
.edit_photo{
   float:left;
    margin-left:10px;
    width:250px;
}
.edit_photo_img{
    float:left;
}
.photo {
    width:120px;
	height:130px;
    float:left;
    text-align:center;
    }
.form_left{
    width:230px;
    float:left;
    }
.form_right{
    width:170px;
    clear:right;
    }
.form_cover{
    width:405px;
    margin-bottom:5px;
}
.combo_style{
    width:145px;
    }

fieldset {
	border:1px solid #000;
	width:450px;
}


#gallery_title{
    font-size:30pt;
    text-align:center;
    }

#login_link {
	margin: 0;
	padding:0;
	margin-left:5px;
}

.diafilm_photo img{
        border-width:0px;
        }
.diafilm_photo {
       clear: both;
	   width: 600px;
       margin: 0 auto;
	   margin-top:5px;
}

#diafilm_next_prev {
		width:200px;
        margin:0 auto;
		border: 0;
		padding: 5px 0 5px 0 
}
#diafilm_next_prev img {
		float:left;	
}

.diafilm_navigation_bar {
		width:600px;
        vertical-align:middle;
		margin:0 auto;
		padding-top:5px;
		padding-bottom:5px;
        }

.diafilm_thumb {
    width:120px;
    float:left;
}
.clearfooter {
    clear:both;
    height:42px;
}
.quickmenu {
 width:760px;
 height:20px;
 position:relative;
 text-align:center;
 margin: 0 auto;
 padding:0 0 0 0;
 clear:both;
}
.quickmenu a {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
}

.tags{
	width:500px;
	text-align:justify;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; 
	margin:0 auto;
}
.buttons  {
	width:410px;
	text-align:center;
}
